<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>库存详情信息inventoryDetailMessage</title>
	</head>
	<link rel="stylesheet" href="../css/common.css" />
	<style>
		
		table {						
			border-collapse:collapse;	
			margin:30px auto;	
		}
		th{
			font-weight:normal;
			padding:0 16px;
			background:#f0eeef;
		}
		td{
			padding:0 16px;
			text-align:center;
			background:#fafafa;
		}
		table td,th{
			height:32px;
			border:1px solid #e7e9e8;
			
		}
		tr td:first-child{
			color:#01a998;
		}
		input{
			border:none;
			width:40px;
			height:32px;
			background:#fafafa;
			outline:none;
			text-align:center;
			font-family:"微软雅黑"
		}
		.btn{
			text-align:center;
		}
		.btn button{
			width:116px;
			height:30px;
			border:none;
			font-family:"微软雅黑";
			color:white;
			outline:none;
			cursor:pointer;			
		}
		.btn1{
			background:#01a998;
		}
		.btn2{
			background:#a1a4a9;
		}
	</style>
	<body>
		<table>
			<thead>
			<tr>
				<th>舱位</th>
				<th>物理数</th>
				<th>最大数</th>
				<th>开放数</th>
				<th>切位限制数</th>
				<th>散客限制数</th>
				<th>切位已售</th>
				<th>散客已售</th>
				<th>总已售</th>
				<th>未售数</th>
				<th>物理可售</th>					
			</tr>
			</thead>
			<tbody>
			
			</tbody>
			
		</table>
		
		<script type="text/javascript" src="../js/jquery-1.12.4.js" ></script>
		<script type="text/javascript" src="../layer-v2.4/layer/layer.js" ></script>
		<script>
			
			 var url = document.location.href.toString();
			 var u = url.split("=");
			 //alert(u[1]);//通过URL向下一个页面传输的id数据
			 
			 $.ajax({
					type:"get",
					url:"../inventory/leg/"+u[1]+"/cabinList?temp="+Math.random(),
					async:true,
					dataType:"json",
					success:function(data){
						var tabHtml="";
						for(var i=0;i<data.data.length;i++){
							tabHtml+='<tr>'+
							'<td class="blue_size">'+data.data[i].cabinName+'</td>'+
							'<td>'+data.data[i].capacity+'</td>'+
							'<td>'+data.data[i].maxCapacity+'</td>'+
							'<td>'+data.data[i].openCapacity+'</td>'+
							'<td>'+data.data[i].groupCapacity+'</td>'+
							'<td>'+data.data[i].individualCapacity+'</td>'+
							'<td>'+data.data[i].groupBooked+'</td>'+
							'<td>'+data.data[i].individualBooked+'</td>'+
							'<td>'+data.data[i].bookedSeat+'</td>'+
							'<td>'+data.data[i].unsaldSeat+'</td>'+
							'<td>'+data.data[i].unsaldCapacity+'</td>'+
						'</tr>';
									
						}
						$("table>tbody").append(tabHtml);
						
						
					}
					
				});	
    	
			 
		</script>
	</body>
</html>
